<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!doctype html>
 <html lang="zh-CN">
 <head>
   <meta charset="UTF-8">
	<title>后台登陆</title>
	<%@ include file="/share/systemInclude.jsp" %>
	<style type="text/css">
		.side ul li:hover{
			cursor: pointer;
			font-weight: bold;
		}
	</style>
	<script type="text/javascript">
		$(function() {
			$(".sideMenu").slide({
				titCell : "h3",
				targetCell : "ul",
				defaultIndex : 0,
				effect : 'slideDown',
				delayTime : '500',
				trigger : 'click',
				triggerTime : '150',
				defaultPlay : true,
				returnDefault : false,
				easing : 'easeInQuint',
				endFun : function() {
					scrollWW();
				}
			});
			$(window).resize(function() {
				scrollWW();
			});
		});
		function scrollWW() {
			if ($(".side").height() < $(".sideMenu").height()) {
				$(".scroll").show();
				var pos = $(".sideMenu ul:visible").position().top - 38;
				$('.sideMenu').animate({
					top : -pos
				});
			} else {
				$(".scroll").hide();
				$('.sideMenu').animate({
					top : 0
				});
				n = 1;
			}
		}

		var n = 1;
		function menuScroll(num) {
			var Scroll = $('.sideMenu');
			var ScrollP = $('.sideMenu').position();
			/*alert(n);
			alert(ScrollP.top);*/
			if (num == 1) {
				Scroll.animate({
					top : ScrollP.top - 38
				});
				n = n + 1;
			} else {
				if (ScrollP.top > -38 && ScrollP.top != 0) {
					ScrollP.top = -38;
				}
				if (ScrollP.top < 0) {
					Scroll.animate({
						top : 38 + ScrollP.top
					});
				} else {
					n = 1;
				}
				if (n > 1) {
					n = n - 1;
				}
			}
		}
		
		//跳转页面并且设置所点击的导航栏 选中 样式,取消其他选中
		function goTo(th,url){
			var lis = $('.side .sideMenu li');
			for(var i = 0;i < lis.length; i++){
				$('.side .sideMenu li:eq('+i+')').attr("class",'');
			}
			$(th).attr("class","on");
			//设置当前位置的提示信息
			var html = $(th).html();
			$('#fl_font').html(html);
			//根据路径跳转指定页面
			$("#rightMain").attr("src",url);
		}
	</script>
</head>
<body>
	<div class="top">
      <div id="top_t">
        <div id="logo" class="fl"></div>
        <div id="photo_info" class="fr">
          <div id="photo" class="fl">
            <%-- <a href="#"><img src="${root }/system/images/a.png" alt="" width="60" height="60"></a> --%>
          </div>
          <div id="base_info" class="fr">
            <div class="help_info">
              <a id="hp">&nbsp;</a>
              <a id="gy">&nbsp;</a>
              <a href="${root }/control/layoutController/loginOut.do?roleType=${emplRoleType}" id="out">&nbsp;</a>
            </div>
            <div class="info_center">
              ${empSession.employeeName }
              <!-- <span id="nt">通知</span><span><a href="#" id="notice">3</a></span> -->
            </div>
          </div>
        </div>
      </div>
      <div id="side_here">
        <div id="side_here_l" class="fl"></div>
        <div id="here_area" class="fl">当前位置：<font id="fl_font"></font></div>
      </div>
    </div>
    <div class="side">
        <div class="sideMenu" style="margin:0 auto">
          <h3> 站点管理</h3>
          <ul>
            <li onclick="goTo(this,'${root }/control/scroll/scrollImageController/sysScrollList.do');">首页滚动图</li>
            <li onclick="goTo(this,'${root }/control/notice/noticeController/sysNoticeList.do');">公告管理</li>
            <li onclick="goTo(this,'${root }/control/city/cityController/sysCityList.do')">城市管理</li>
          	<li onclick="goTo(this,'${root }/control/contact/contactController/dispalySysEdit.do')">联系我们</li>
          </ul>
          <h3>用户管理</h3>
          <ul>
            <li onclick="goTo(this,'${root }/control/user/userController/sysUserList.do');">用户管理</li>
          </ul>
          <h3> 店铺管理</h3>
          <ul>
          	<li onclick="goTo(this,'${root }/control/security/securityController/dispalySysEdit.do');">保障金管理</li>
            <li onclick="goTo(this,'${root }/control/shop/shopController/sysShopList.do');">店铺管理</li>
          </ul>
          <h3>订单管理</h3>
          <ul>
            <li onclick="goTo(this,'${root }/control/order/orderItemController/sysOrderList.do');">订单管理</li>
          </ul>
          <h3>站内信管理</h3>
          <ul>
            <li onclick="goTo(this,'${root }/control/letter/letterController/sysLetterList.do');">站内信管理</li>
          </ul>
       </div>
    </div>
    <div class="main">
       <iframe name="right" id="rightMain" src="${root }/mainy.html" frameborder="no" scrolling="auto" width="100%" height="auto" allowtransparency="true"></iframe>
    </div>
    <div class="bottom">
      <div id="bottom_bg">版权</div>
    </div>
    <div class="scroll">
          <a href="javascript:;" class="per" title="使用鼠标滚轴滚动侧栏" onclick="menuScroll(1);"></a>
          <a href="javascript:;" class="next" title="使用鼠标滚轴滚动侧栏" onclick="menuScroll(2);"></a>
    </div>
</body>
</html>